<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<link rel="stylesheet" href="${pageContext.request.contextPath}/static/plugin/layui/css/layui.css" media="all">

<ul >
    <c:forEach items="${pageInfo.list}" var="item">
        <li>
        <h3 class="blogtitle">
            <span>
                <a href="javascript:void(0)" title="css3" target="_blank" class="classname">${item.typestr}</a>
            </span>
            <a href="${pageContext.request.contextPath}/show_blog.html?id=${item.id}" target="_blank">${item.blogName}</a>
        </h3>
        <div class="labelclass">
            <span>${item.label}</span>
        </div>
        <div class="autor">
            <span class="lm f_l"></span>
            <span class="dtime f_l">${item.releasetime}</span>
            <span class="viewnum f_l">浏览（${item.clicks}）</span>
            <span class="f_r"><a href="${pageContext.request.contextPath}/show_blog.html?id=${item.id}" class="more">阅读原文>></a></span>
        </div>
        <div class="line"></div>
    </li>
    </c:forEach>
</ul>

<div id="page_div"></div>
<script src="${pageContext.request.contextPath}/static/js/jquery-2.1.1.min.js"></script>
<script src="${pageContext.request.contextPath}/static/plugin/layui/layui.all.js"></script>
<script>
    var laypage = layui.laypage;
    //完整功能
    laypage.render({
        elem: 'page_div'
        , count: '${pageInfo.total}'
        , limit: '${pageInfo.pageSize}'
        , curr: '${pageInfo.pageNum}'
        , layout: ['count', 'prev', 'page', 'next']
        , jump: function (obj, first) {
            if (!first) {
                load_page(obj.curr, obj.limit);
            }
        }
    });
</script>